<template>
  <div>
    <CategorySelector :disablied="!isShowAttrList" />
    <AttrList v-show="isShowAttrList" :setIsShowAttrList="setIsShowAttrList" />
    <AddOrUpdateAttr v-show="!isShowAttrList" 
    :setIsShowAttrList="setIsShowAttrList"
    />
  </div>
</template>

<script>
import CategorySelector from "@comps/CategorySelector";
import AttrList from "./components/AttrList";
import AddOrUpdateAttr from "./components/AddOrUpdateAttr";

export default {
  name: "Attr",
  data() {
    return {
      isShowAttrList: false,
    };
  },
  methods: {
    setIsShowAttrList(isShowAttrList) {
      this.isShowAttrList = isShowAttrList;
    }
  },
  components: {
    CategorySelector,
    AttrList,
    AddOrUpdateAttr
  },
};
</script>

<style lang="sass" scoped>
</style>
